<template>
  <div>
    <h1>app</h1>
    <xiong-da></xiong-da>
    <xiong-er></xiong-er>
    <xiao-tou></xiao-tou>
    <p ref="jianwei">ref的作用</p>
    <ref-test ref="zizujianref"></ref-test>
    <niu-mo-wang></niu-mo-wang>
  </div>
</template>

<script>
import NiuMoWang from "./components/NiuMoWang.vue";
import RefTest from "./components/RefTest.vue";
import XiaoTou from "./components/XiaoTou.vue";
import XiongDa from "./components/XiongDa.vue";
import XiongEr from "./components/XiongEr.vue";
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: { XiongDa, XiongEr, XiaoTou, RefTest, NiuMoWang },

  computed: {},

  beforeMount() {},

  mounted() {
    console.log(this.$refs.jianwei);
    console.log(this.$refs.zizujianref.info);
  },

  methods: {},

  watch: {},
};
/* 
props 父传子
$emit  子传父
$emit $on eventBus（任意组件之间传值）

自定义事件  
事件名  事件回调函数
触发分发事件
$emit

pubsub（消息的订阅与发布）

ref （子传父）
$parent  在子组件中找父组件 父组件只有一个  父传子
$children  在父组件中找子组件 父组件的子组件可以有多个 子传父

provide inject (父级组件向子级组件传值)


*/
</script>
<style lang='' scoped>
</style>